*{margin: 0;padding: 0;}
.box {
    width: 100%;
    height: 21.653333rem;
    /* opacity: 0.8; */
}

.box>.background {
    width: 100%;
    height: 19.68rem;
    background: url(./img/image_teacher@2x.png) no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
}
/*******************Top Start*********************/

.box>.background>.top {
    z-index: auto;
    width: 10rem;
    height: .72rem;
    margin-top: 1.466667rem;
    /* background: lightcoral; */
    display: flex;
    line-height: .72rem;
}

.box>.background>.top>.txt {
    width: 3.173333rem;
    height: .56rem;
    color: #1f1f1f;
    font-size: .373333rem;
    /* display: flex; */
    /* padding-left: 19px;
    padding-top: 76px; */
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    margin-left: .506667rem;
    /* margin-top: 76px;  */
    /* line-height: 21px; */
}

.box>.background>.top .txt2 {
    width: 1.92rem;
    height: .72rem;
    font-size: .373333rem;
    /* padding-top: 73px;
    padding-left: 24px; */
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    line-height: .72rem;
    margin-left: .64rem;
}

.box>.background>.top .txt3 {
    /* width: 1.493333rem; */
    height: .56rem;
    font-size: .373333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1F1F1F;
    /* line-height: 21px; */
    /* padding-left: 70px;
    padding-top: 75px; */
    margin-left: 1.866667rem;
}
/*******************Top End***********************/

.box>.background .txt4 {
    width: 4.026667rem;
    height: .8rem;
    font-size: .533333rem;
    font-family: Helvetica;
    color: #FFFFFF;
    line-height: .8rem;
    letter-spacing: .026667rem;
    margin-left: 4.72rem;
    margin-top: 1.893333rem; 
}

/***************firstimg start*******************/
.box>.background .firstimg {
    width: 8.986667rem;
    height: 3.68rem;
    background: url(./img/edit_white\(2\).png) no-repeat;
    background-size: 100%;
    margin-left: .506667rem;
    margin-top: 2.666667rem;
    position: relative;
}

.box>.background .firstimg>.firsttxt{
    width: 4.693333rem;
    height: .64rem;
    font-size: .426667rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1F1F1F;
    line-height: .64rem;
    margin-left: .533333rem;
    /* margin-top: 9px; */
    padding-top: .24rem;
}
.box>.background .firstimg .two {
    height: .96rem;
    line-height: .96rem;
    display: flex;
    align-items:center;
    margin-left: .533333rem;
}
.box>.background .firstimg .two .firsttxt2{
    width: 5.893333rem;
    height: .96rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #B1B2B3;
    line-height: .48rem;
}

.box>.background .firstimg .two .dibiao{
    width: .373333rem;height: .426667rem;
    background: url(./img/dibiao.png) no-repeat;
    background-size: 100%;
    margin-left: .453333rem;
}

.box>.background .firstimg .two .juli {
    width: 1.12rem;
    height: .48rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #979797;
    line-height: .48rem;
    margin-left: .026667rem;
}

.box>.background .firstimg .bttom {
    width: 8.986667rem;
    height: 1.226667rem;
    /* background: chartreuse;  */
    /* margin-top: 5px; */
    /* padding-top: 10px; */
}
.box>.background .firstimg .bttom>.henxian {
    width: 7.92rem;
    height: .026667rem;
    background: #1F1F1F;
    opacity: 0.11;
    margin-left: .533333rem;
    margin-top: .613333rem;
}

.box>.background .firstimg .bttom>.bttomTxt3  {
    width: 100%;
    height: .986667rem;
    font-size: .373333rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #9A9B9C;
    line-height: .986667rem;
    /* margin-left: 3.946667rem; */
    /* margin-bottom: 8px; */
    /* margin-top: .32rem; */
    text-align: center;
}
/*********************end***********************/
/*********************Simg start****************/
.box>.background .Simg {
    width: 8.986667rem;
    height: 3.68rem;
    background: url(./img/edit_white\(2\).png) no-repeat;
    background-size: 100%;
    margin-left: .506667rem;
    margin-top: .426667rem;
    position: relative;
}

.box>.background .Simg>.firsttxt{
    width: 4.693333rem;
    height: .64rem;
    font-size: .426667rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1F1F1F;
    line-height: .64rem;
    margin-left: .533333rem;
    /* margin-top: 9px; */
    padding-top: .24rem;
}
.box>.background .Simg .two {
    height: .96rem;
    line-height: .96rem;
    display: flex;
    align-items:center;
    margin-left: .533333rem;
}
.box>.background .Simg .two .firsttxt2{
    width: 5.893333rem;
    height: .96rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #B1B2B3;
    line-height: .48rem;
}

.box>.background .Simg .two .dibiao{
    width: .373333rem;height: .426667rem;
    background: url(./img/dibiao.png) no-repeat;
    background-size: 100%;
    margin-left: .453333rem;
}

.box>.background .Simg .two .juli {
    width: 1.12rem;
    height: .48rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #979797;
    line-height: .48rem;
    margin-left: .026667rem;
}

.box>.background .Simg .bttom {
    width: 8.986667rem;
    height: 1.226667rem;
    /* background: chartreuse;  */
    /* margin-top: 5px; */
    /* padding-top: 10px; */
}
.box>.background .Simg .bttom>.henxian {
    width: 7.92rem;
    height: .026667rem;
    background: #1F1F1F;
    opacity: 0.11;
    margin-left: .533333rem;
    margin-top: .613333rem;
}

.box>.background .Simg .bttom>.bttomTxt3  {
    width: 100%;
    height: .986667rem;
    font-size: .373333rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #F38914;
    line-height: .986667rem;
    /* margin-left: 3.76rem; */
    /* margin-bottom: 8px; */
    /* margin-top: .32rem; */
    text-align: center;
}

/*********************Simg End****************/

/*********************Dimg start****************/

.box>.background .Dimg {
    width: 8.986667rem;
    height: 3.68rem;
    background: url(./img/edit_white\(2\).png) no-repeat;
    background-size: 100%; 
    margin-left: .506667rem;
    margin-top: .426667rem;
    position: relative;
}

.box>.background .Dimg>.firsttxt{
    width: 5.546667rem;
    height: .64rem;
    font-size: .426667rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1F1F1F;
    line-height: .64rem;
    margin-left: .533333rem;
    /* margin-top: 9px; */
    padding-top: .24rem;
}
.box>.background .Dimg .two {
    height: .96rem;
    line-height: .96rem;
    display: flex;
    align-items:center;
    margin-left: .533333rem;
}
.box>.background .Dimg .two .firsttxt2{
    width: 5.893333rem;
    height: .96rem;
    font-size: .32rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #B1B2B3;
    line-height: .48rem;
}

.box>.background .Dimg .two .dibiao{
    width: .373333rem;height: .426667rem;
    background: url(./img/dibiao.png) no-repeat;
    background-size: 100%;
    margin-left: .453333rem;
}

.box>.background .Dimg .two .juli {
    width: 1.12rem;
    height: .48rem;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #979797;
    line-height: .48rem;
    margin-left: .026667rem;
}

.box>.background .Dimg .bttom {
    width: 8.986667rem;
    height: 1.226667rem;
    /* background: chartreuse;  */
    /* margin-top: 5px; */
    /* padding-top: 10px; */
}
.box>.background .Dimg .bttom>.henxian {
    width: 7.92rem;
    height: .026667rem;
    background: #1F1F1F;
    opacity: 0.11;
    margin-left: .533333rem;
    margin-top: .613333rem;
}

.box>.background .Dimg .bttom>.bttomTxt3  {
    width: 100%;
    height: .986667rem;
    font-size: .373333rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #9A9B9C;
    line-height: .986667rem;
    text-align: center;
    /* margin-bottom: 8px; */
}

/********************Dimg End******************/

/********************feater start**************/
.box .feater {
    width: 100%;
    height: 1.333333rem;
    background: white;
    display: flex;
    justify-content: space-between;
    /* overflow: hidden; */
}

.box .feater>.boxx {
    width: 1.28rem;
    height: 1.333333rem;
    /* background: violet;  */
    font-size: .266667rem;
    text-align: center;
}

.box .feater>.boxx:nth-of-type(1) {
    margin-left: .613333rem;
}

.box .feater>.boxx:nth-of-type(1) {
    color: #F38914;
}
.box .feater>.boxx:nth-of-type(4) {
    margin-right: .613333rem;
}

.box .feater>.b1>.imgb1 {
    width: .746667rem;
    height: .746667rem;
    margin-top: .133333rem;
}

.box .feater>.b1 b1txt {
    width: 1.28rem;
    height: .373333rem;
}

.box .feater>.b2>.imgb1 {
    width: .746667rem;
    height: .746667rem;
    margin-top: .133333rem;
}

.box .feater>.b2 b1txt {
    width: 1.28rem;
    height: .373333rem;
}

.box .feater>.b3>.imgb1 {
    width: .746667rem;
    height: .746667rem;
    margin-top: .133333rem;
}

.box .feater>.b3 b1txt {
    width: 1.28rem;
    height: .373333rem;
}

.box .feater>.b4>.imgb1 {
    width: .746667rem;
    height: .746667rem;
    margin-top: .133333rem;
}

.box .feater>.b4 b1txt {
    width: 1.28rem;
    height: .373333rem;
}

/* .box .down {
    width: 5.573333rem;
    height: .133333rem;
    background: #000000;
    margin-left: 2.213333rem;
    margin-top: .266667rem;
} */